{% extends 'frame.html' %}
{% block title %}Acdp Net{% endblock %}

{% block body %}

<div class="mdui-container mdui-m-t-5">

    <div class="mdui-typo-headline mdui-valign"><svg class="mdui-m-r-1" style="height: 30px; width: 30px; min-height: 30px; min-width: 30px; " viewBox="0 0 16 16"><g fill="none"><path d="M6.923 1.379a3 3 0 0 1 2.154 0l4.962 1.908c.579.223.961.78.961 1.4v6.626a1.5 1.5 0 0 1-.961 1.4l-4.962 1.909a3 3 0 0 1-2.154 0l-4.961-1.909a1.5 1.5 0 0 1-.962-1.4V4.687a1.5 1.5 0 0 1 .962-1.4l4.961-1.908zm1.795.933a2 2 0 0 0-1.436 0l-1.384.533l5.59 2.116l1.948-.834l-4.718-1.815zM14 4.972L8.5 7.33v6.428c.074-.019.146-.042.218-.07l4.962-1.908a.5.5 0 0 0 .32-.467v-6.34zm-6.5 8.786V7.33L2 4.973v6.34a.5.5 0 0 0 .32.467l4.962 1.908c.072.028.144.051.218.07zM2.564 4.127L8 6.457l2.164-.928l-5.667-2.146l-1.933.744z" fill="currentColor"></path></g></svg><strong>Index of {{data.now_level}}</strong></div>
    
    <div class="mdui-table-fluid mdui-m-t-2 mdui-shadow-0 mdui-typo mdui-m-b-3">
        <table class="mdui-table mdui-table-hoverable mduitext-color-blue">
        <thead>
            <tr>
            <th><div class="mdui-typo-subheading mdui-valign"><strong>Name </strong><svg class="mdui-m-r-1" style="height: 20px; width: 20px;" viewBox="0 0 16 16"><g fill="none"><path d="M8.5 2.5a.5.5 0 1 0-1 0v9.697L3.872 8.166a.5.5 0 1 0-.744.668l4.5 5a.5.5 0 0 0 .744 0l4.5-5a.5.5 0 0 0-.744-.668L8.5 12.197V2.5z" fill="currentColor"></path></g></svg></div></th>
            <th><div class="mdui-typo-subheading mdui-valign"><strong>Size </strong><svg class="mdui-m-r-1" style="height: 20px; width: 20px;" viewBox="0 0 16 16"><g fill="none"><path d="M8.5 2.5a.5.5 0 1 0-1 0v9.697L3.872 8.166a.5.5 0 1 0-.744.668l4.5 5a.5.5 0 0 0 .744 0l4.5-5a.5.5 0 0 0-.744-.668L8.5 12.197V2.5z" fill="currentColor"></path></g></svg></div></th>
            <th style="min-width: 120px;" class="mdui-valign"><div class="mdui-typo-subheading"><strong>Date </strong><svg class="mdui-m-r-1" style="height: 20px; width: 20px;" viewBox="0 0 16 16"><g fill="none"><path d="M8.5 2.5a.5.5 0 1 0-1 0v9.697L3.872 8.166a.5.5 0 1 0-.744.668l4.5 5a.5.5 0 0 0 .744 0l4.5-5a.5.5 0 0 0-.744-.668L8.5 12.197V2.5z" fill="currentColor"></path></g></svg></div></th>
            </tr>
        </thead>
        <tbody>
            <tr>
            <td><div class="mdui-typo-body-2"><a href="{{data.up_level}}">Parent directory /</a></div></td>
            <td><div class="mdui-typo-body-2"><strong>-</strong></div></td>
            <td><div class="mdui-typo-body-2"><strong>-</strong></div></td>
            </tr>
            {% for d in data.dirs %}
                <tr>
                <td><div class="mdui-typo-body-2"><a href="{{d[1]}}">{{d[0]}}</a></div></td>
                <td><div class="mdui-typo-body-2">-</div></td>
                <td><div class="mdui-typo-body-2">{{d[2]}}</div></td>
                </tr>
		    {% endfor %}
            {% for f in data.files %}
                <tr>
                <td><div class="mdui-typo-body-2"><a href="{{f[3]}}">{{f[0]}}</a></div></td>
                <td><div class="mdui-typo-body-2">{{f[1]}}</div></td>
                <td><div class="mdui-typo-body-2">{{f[2]}}</div></td>
                </tr>
		    {% endfor %}
        </tbody>
        </table>
    </div>

</div>

{% endblock %}